
<div class="product-list">
    <ul>
        <#if list??&&list?size gt 0>
        <#list list as t>
        <li>
            <div class="tit">
                <span>${t.name!}</span>
                <div class="buttons">
                    <button class="btn1" onclick="view(${t.id?c})" type="button"></button>
                    <div class="more">
                        <button class="btn2 result "  type="button"></button>
                        <div class="select">
                            <a href="javascript:void(0);" onclick="view(${t.id?c})">view</a>
                            <a href="javascript:void(0);" onclick="edit(${t.id?c})">Edit</a>
                            <a href="javascript:void(0);" onclick="duplicate(${t.id?c})">Duplicate</a>
                            <a href="javascript:void(0);" onclick="del(${t.id?c})">Delete</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="big-img">
                <a href="${base}/svg/info?id=${t.id?c}"><img src="${base}${t.img!'/static/images/big_01.png'}"></a>
            </div>
            <div class="bottom">
                <div class="small-img">
                    <a href="javascript:void(0);"><img src="${base}${t.img1!'/static/images/smll_01.png'}" alt=""></a>
                    <a href="javascript:void(0);"><img src="${base}${t.img2!'/static/images/smll_02.png'}" alt=""></a>
                </div>
                <div class="number">
                    +${t.pageCount!0}
                </div>
            </div>

        </li>
        </#list>
        </#if>

    </ul>
</div>
<@p.pager_asyn pageNo=pageNo pageSize=pageSize totalCount=totalCount />
<script>
    $(function(){
        // 产品列表
        $(".browse-box .bd li").each(function() {
            var _this = $(this)
            var button = _this.find(".result");
            var select = _this.find(".select");
            button.on("click", function() {
                if ($(this).hasClass("open")) {
                    $(this).removeClass("open")
                    select.slideUp(300)
                } else {
                    $(".browse-box .bd li .result").find('').removeClass('open');
                    $(".browse-box .bd li .select").slideUp(300)
                    $(this).addClass("open")
                    select.slideDown(300)
                }
            })
        });
    })
</script>